* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #f7f7f7;
}
ul{
    list-style: none;
}
.around_channel {
    background: radial-gradient(circle at 0% 0%, rgb(114, 175, 247), transparent 50%), radial-gradient(circle at 20% 50%, rgba(114, 175, 247, 0.6), transparent 25%), radial-gradient(circle at 100% 0%, rgb(114, 175, 247), transparent 50%), radial-gradient(circle at 70% 50%, rgba(114, 175, 247, 0.6), transparent 20%);
}

.title {
    padding-top: 1.1rem;
    margin-bottom: .825rem;
    text-align: center;
    font-weight: 700;
    font-size: .85rem;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}

.input {
    margin: 0 .8rem;
    padding: .3rem .6rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 1.375rem;
    height: 1.6rem;
}

.input p {
    font-size: .7rem;
    color: #999;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}

.input img {
    width: .8rem;
    height: .8rem;
    margin-right: .35rem;
}

.station {
    width: 17.15rem;
    height: 7.925rem;
    border-radius: .4rem 1.6rem .4rem 1.6rem;
    margin: .6rem .8rem 0;
}

.banner1 {
    background: #fff;
    width: 17.55rem;
    height: 2rem;
    margin: .6rem .6rem 0;
    padding: 0 .25rem 0 .4rem;
    display: flex;
    align-items: center;
    border-radius: .6rem;
}

.banner1 .swiper-container {
    width: 16.3rem;
    height: 2rem;
    align-items: center;
}

.banner1 .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heads {
    position: relative;
    height: 1.2rem;
    width: 1.2rem;
    margin-right: .2rem;
}

.head {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
}

.head-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    height: .65rem;
    width: .65rem;
}

.person-do {
    font-size: .6rem;
    margin-right: .125rem;
    color: #333;
}

.person-do span {
    color: #5c8dff;
}

.card {
    font-size: .45rem;
    font-weight: 500;
    background: #383838;
    color: #f7f4b1;
    width: 1.8rem;
    height: .75rem;
    text-align: center;
    border-radius: .375rem;
}

.banner1-left {
    display: flex;
    align-items: center;
}

.banner1-right {
    color: #999;
    font-size: .55rem;
}
.plate{
    margin: .6rem .6rem 0;
    display: flex;
    justify-content: space-between;
}
.plate-left{
    position: relative;
    width: 8.55rem;
    height: 7.6rem;
    background: linear-gradient(135deg, #e9efff, rgba(191, 208, 255, 0));
    padding: .55rem .6rem;
    border-radius: .8rem;
}
.action{
    width: 3.75rem;
    display: block;
}
.look{
    color: #999;
    font-size: .6rem;
    margin-top: .25rem;
}
.GO{
    position: absolute;
    left: .8rem;
    bottom: .8rem;
    color: #fff;
    width: 2.5rem;
    height: 1.5rem;
    font-size: .7rem;
    font-weight: 600;
    background-color: #6995fd;
    border-radius: .75rem;
    text-align: center;
    line-height: 1.5rem;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}
.today{
    position: absolute;
    bottom: 0;
    right: 0;
}
.size1{
    width: 4.15rem;
    height: 4.15rem;
}
.plate-right-top{
    position: relative;
    width: 8.55rem;
    height: 3.6rem;
    border-radius: .8rem;
    padding: .55rem .6rem;
    background: linear-gradient(135deg,#fff4ec,rgba(255,238,191,0));
}
.size2{
    width: 2.95rem;
    height: 2.85rem;
}
.plate-right-bottom{
    position: relative;
    margin-top: .4rem;
    background: linear-gradient(135deg,#f7ecff,rgba(255,236,247,0));
    width: 8.55rem;
    height: 3.6rem;
    padding: .55rem .6rem;
    border-radius: .8rem;
}
.size3{
    width: 2.95rem;
    height: 2.8rem;
}
.navss{
    width: 17.55rem;
    margin: .85rem auto 0;
}
.navs{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navs-left{
    display: flex;
    border-radius: .8rem .8rem 0 0;
}
.navs-left p{
    background: #fff6d9;
    font-size: .7rem;
    color: #333;
    width: 4.95rem;
    height: 2.05rem;
    line-height: 2.05rem;
    text-align: center;
}
.navs-right{
    display: flex;
    align-items: center;
}
.more{
    color: #666;
    font-size: .6rem;
}
.more-icon{ 
    width: .4rem;
    height: .4rem;
}
.active{
    background: #fff !important;
    border-radius: .8rem .8rem 0 0;
    font-size: .9rem !important;
    font-weight: 600;
    height: 2.3rem !important;
    position: relative;
    bottom: .25rem;
}
.active::before{
    content: "";
    width: 1.05rem;
    height: 2.05rem;
    background: url(https://m.youxiake.com/20250822191430/img/active_bg.08662bff.png);
    background-size: cover;
    position: absolute;
    right: -0.875rem;
    bottom:0;
}
.active::after{
    content: '';
    width: 2.3rem;
    height: .45rem;
    background: url(https://m.youxiake.com/20250822191430/img/active.e1286968.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 1.35rem;
}
.renqi{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: #fff;
    margin: 0 .4rem .6rem;
    padding-top: .6rem;
    border-radius: .6rem;
}
.renqi2{
    display: flex;
    overflow-x: scroll;
    background-color: #fff;
    margin: 0 .4rem .6rem;
    padding-top: .6rem;
    border-radius: .6rem;
}
.renqi2 li{
    margin-right: .5rem;
}
.renqi2 li:first-child{
    margin-left: .6rem;
}
.renqi-img{
    position: relative;
    width: 7.975rem;
    height: 5.975rem;
    border-radius: .6rem;
}
.renqi-top1,.renqi-top2,.renqi-top3,.renqi-top4{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.15rem;
    height: 1.1rem;
    border-radius: .6rem 0 .6rem 0;
    font-weight: 600;
    font-size: .55rem;
    color: #fff;
    text-align: center;
    line-height: 1.1rem;
}
.renqi-top1{
    background: linear-gradient(201deg, #ff8964, #ff2c2c);
}
.renqi-top2{
   background: linear-gradient(16deg, #ff6225, #ffba8a);
}
.renqi-top3{
    background: linear-gradient(200deg, #ffdc5b, #ff9500);
}
.renqi-top4{
    background: linear-gradient(212deg, #cadbed, #98aad0);
}
.baoming{
    position: absolute;
    left: 0;
    bottom: 0;
    height: .95rem;
    padding: 0 .4rem;
    background: rgba(0, 0, 0, .2);
    border-radius: 0 .475rem .475rem .6rem;
    color: #fff;
    font-size: .5rem;
}
.renqi-img img{
    width: 7.975rem;
    height: 5.975rem;
    border-radius: .6rem;
}
.renqi-bottom{
    padding: .1rem .4rem .475rem;
    width: 7.975rem;
}
.renqi-p1{
    font-size: .55rem;
    color: #666;
}
.renqi-p2{ 
    font-size: .7rem;
    color: #333;
    margin-top: .15rem;
    font-weight: 600;
}
.money{
    margin-top: .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.money-span1{
    font-size: .5rem;
    color: #ff3b30;
}
.money-span2{
    font-size: .7rem;
    color: #ff3b30;
    font-weight: 500;
}
.money-span3{ 
    font-size: .5rem;
    color: #666;
}
.money-p2{
    font-size: .5rem;
    color: #666;
}
.card1{
    width: 17.55rem;
    height: 6.45rem;
    background: linear-gradient(133deg, hsla(0, 0%, 100%, .3), #fff5bd);
    border-radius: .8rem;
    margin: .6rem auto 0;
    padding: .8rem 1rem 0;
    box-sizing: border-box;
    position: relative;
}
.card1 .card_tit{
    width: 9.8rem;
    height: .775rem;
    background: url(https://m.youxiake.com/20250905172021/img/card_tit.eb7aadcf.png);
    background-size: 9.8rem .775rem;
}
.card1 span{
    font-size: .55rem;
    color: #666;
    line-height: .75rem;
    margin-top: .2rem;
    display: block;
}
.card1 .card_btn{
    width: 4.5rem;
    height: 2rem;
    background: #fff100;
    border-radius: 1.25rem;
    font-weight: 600;
    font-size: .7rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .75rem;
}
.card1 .tag{
    width: 2.15rem;
    height: 1.15rem;
    background: #fef2b2;
    border-radius: 0 .8rem 0 .8rem;
    font-weight: 400;
    font-size: .5rem;
    color: #7d6b42;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.card1 .icon{
    width: 6.25rem;
    height: 6.25rem;
    background-image: url(https://m.youxiake.com/20250905172021/img/card01.d679ed2a.png);
    background-size: cover;
    position: absolute;
    top: 0;
    right: .45rem;
    display: block;
}
.guide{
    margin: .6rem .6rem 0;
    padding: .65rem 0;
    background: #fff;
    border-radius: .8rem;
}
.guide-title{
    margin: 0 0 .75rem .55rem;
    font-weight: 600;
    font-size: .9rem;
    color: #333;
}
.guide-list{
    display: flex;
    overflow-x: scroll;
}
.guide-list::-webkit-scrollbar{
   height: 0;
}
.guide-list li{
    width: 3.725rem;
    height: 3.5rem;
    margin-right: .275rem;
    margin-left: .6rem;
}
.guide-head{
    display: flex;
    width: 3.725rem;
    justify-content: center;
}
.guide-head img{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
}
.guide-info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.guide-name{
    font-size: .6rem;
    color: #333;
}
.guide-icon{
    width: .725rem;
    height: .725rem;
}
.product-days{
    display: flex;
    margin-bottom: .8rem;
    padding: .6rem .5rem .75rem .775rem;
}
.waterfall__type__nav{
    display: flex;
    margin-left: .7rem;
}
.waterfall__type__nav li{
    font-size: .9rem;
    color: #333;
    margin-right: 1.25rem;
    padding-top: .45rem;
}
.product-days li{ 
    padding: 0 .5rem;
    height: 1.2rem;
    font-size: .7rem;
    radius: .25rem;
    line-height: 1.2rem;
    border-radius: .6rem;
    background-color: #fff;
    margin-right: .6rem;
}
.product-days .actived{
    background-color: #fff100;
    font-weight: 600;
}
.go{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .5rem;
}
.go li{
    position: relative;
    width: 8.575rem;
    height: 14.975rem;
    border-radius: .4rem;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .5rem;
}
.go__img img{ 
    width: 100%;
    height: 8.575rem;
    display: block;
}
.gosp{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 .375rem;
    height: .9rem;
    line-height: .9rem;
    font-size: .55rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .45rem 0 .45rem 0;
}
.gotitle{
    font-size: .7rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-left: .4rem;
    margin-right: .4rem;
}
.gotype{
    margin-left: .375rem;
}
.gotype span{
    font-size: .55rem;
    color: #999;
}
.discount{
    color: #ff6857;
    font-size: .45rem;
    height: .65rem;
    line-height: .65rem;
    display: inline-block;
}
.tags{
    white-space: nowrap; /* 确保列表项不换行 */
    margin-left: .4rem;
}
.tag{
    color: #e39e30;
    font-size: .45rem;
    height: .65rem;
    line-height: .65rem;
    display: inline-block;
}
.price__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: .4rem;
    margin-right: .4rem;
}
.price{
    color: #ff7100;
    font-size: .55rem;
}
.price span{
    font-size: .85rem;
    font-weight: 700;
    color: #ff7100;
}
.enroll__num{
    color: #999;
    font-size: .5rem;
}